*{
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
}
a{
	color: inherit;
}

@font-face {
	font-family: "iconfont";
	src: url('../img/icon/iconfont.eot?t=1527326137572'); 
	src: url('../img/icon/iconfont.eot?t=1527326137572#iefix') format('embedded-opentype'),
	url('../img/icon/iconfont.woff?t=1527326137572') format('woff'),
	url('../img/icon/iconfont.ttf?t=1527326137572') format('truetype'), 
	url('../img/icon/iconfont.svg?t=1527326137572#iconfont') format('svg');
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-huafei:before { content: "\e600"; }
.icon-game:before { content: "\e6df"; }
.icon-shuidianmei:before { content: "\e606"; }
.icon-licai:before { content: "\e65b"; }
.icon-more:before { content: "\e6a7"; }
.icon-search:before { content: "\e6ac"; }
.icon-caipiao:before { content: "\e613"; }
.icon-guanbi1:before { content: "\e723"; }
.icon-guanbi2fill:before { content: "\e724"; }
.icon-guanbi2:before { content: "\e725"; }
.icon-biaoxingfill:before { content: "\e732"; }
.icon-gouwuchefill:before { content: "\e73c"; }
.icon-xiangxia2:before { content: "\e772"; }
.icon-caidan:before { content: "\e790"; }
.icon-msnui-service:before { content: "\e784"; }
.icon-wudao2:before { content: "\e6b0"; }
.icon-youxi:before { content: "\e634"; }
.icon-chexiandingdan:before { content: "\e6f1"; }
.icon-feizhu:before { content: "\e663"; }
.icon-huochepiao:before { content: "\e89a"; }
.icon-jiudian:before { content: "\e89b"; }
.icon-dianying:before { content: "\e603"; }
.icon-camera:before { content: "\e86e"; }


.bor{
	border: 1px solid #0f0;
}
.wight{
	background-color: #fff;
}
.media-width{
	width: 1190px;
	@media screen and (max-width: 1190px) {
		width: 990px;
	}
}
.clear{
	&::after{
		content: '';
		display: block;
		clear: both;
	}
}

@keyframes turnUp{
	0%{
		top: 0;
	}
	31%{
		top: 0%;
	}
	33%{
		top: -100%;
	}
	64%{
		top: -100%;
	}
	66%{
		top: -200%;
	}
	98%{
		top: -200%;
	}
	100%{
		top: -0%;
	}
}

// ************开始*********
body{
	color: #3c3c3c;
	background-color: #f4f4f4;
	font-size: 12px;
}
.wrapper{
	width: 100%;
	min-width: 1270px;
	.top{
		width: 100%;
		background-color: #f5f5f5;
		border-bottom: 1px solid #eee;
		.top-nav{
			width: 1270px;
			height: 36px;
			line-height: 36px;
			margin: 0 auto;
			
			.iconfont{
				font-size: 12px;
			}
			.navl{
				float: left;
				li{
					display: inline-block;
					padding: 0 10px;
					color: #6c6c6c;
					&:hover{
						color: #ff5000;
					}
					.xsj{
						color: #6c6c6c;
					}
					.china{
						color: #3c3c3c;
					}
					.area{
						.china;
						width: 270px;
						height: 285px;
						overflow-y: scroll;
						position: absolute;
						left: 0;
						top: 36px;
						border: 1px solid #eee;
						background-color: #fff;
						display: none;
						li{
							display: list-item;
							color: inherit;
							cursor: pointer;
							&:hover{
								background-color: #f5f5f5;
							}
						}
					}
					
					
					.login{
						color: #f22e00;
					}
				}
				.nav-root{
					position: relative;
				}
				.area-active{
					background-color: #fff;
					.area-active{
						display: inline-block;
						background-color: #fff;
						z-index: 9999;
					}
				}
			}
			// *********顶部导航左边结束，右边开始*********
			.navr{
				float: right;
				li{
					display: inline-block;
					padding: 0 10px;
					color: #6c6c6c;
					&:hover{
						color: #ff5000;
					}
					.xsj{
						color: #6c6c6c;
					}
					.gwcpic{
						color: #f22e00;
					}
					.navallpic{
						color: #f22e00;
					}

				}
				.mytaobao{
					.mytaobao{
						width: 85px;
					}

				}
				.nav-root{
					position: relative;
					.top-nav-list{
						position: absolute;
						left: 0;
						top: 36px;
						display: none;
						color: #6c6c6c;
						border: 1px solid #eee;
						.list-item{
							display: block;
							padding: 3px;
							.wight;
							&:hover{
								background-color: #f4f4f4;
							}
						}
						
					}
					.top-nav-list-r{
						position: absolute;
						right: 0;
						top: 36px;
						display: none;
						color: #6c6c6c;
						border: 1px solid #eee;
						&::after{
							content: '';
							display: block;
							clear: both;
						}
						.list-wrap{
							float: left;
							width: 316px;
							height: 100%;
							border-left: 1px solid #eee;
							.title{
								padding: 5px 10px;
							}
							.title1{
								color: #fc4200;
							}
							.title2{
								color: #9fb838;
							}
							.title3{
								color: #d75696;
							}
							.title4{
								color: #2e9fdb;
							}
							.item-wrap{
								.list-item{
									display: block;
									padding: 3px;
									float: left;
									box-sizing: border-box;
									color: #6c6c6c;
									.wight;
									a{
										height: 25px;
										line-height: 25px;
										margin: 0 2px;
										padding: 0 8px;
										display: inline-block;
										border-radius: 2px;
									}
								}
							}
							.item-wrap1{
								.list-item{
									width: 25%;
									a:hover{
										background-color: #fc4200;
										color: #fff;
									}
								}
							}
							.item-wrap2{
								.list-item{
									width: 33%;
									a:hover{
										background-color: #9fb838;
										color: #fff;
									}
								}
							}
							.item-wrap3{
								.list-item{
									width: 33%;
									a:hover{
										background-color: #d75696;
										color: #fff;
									}
								}
							}
							.item-wrap4{
								.list-item{
									width: 50%;
									a:hover{
										background-color: #2e9fdb;
										color: #fff;
									}
								}
							}
						}
						.list-wrap-1st{
							border-left: none;
						}
					}
				}
				.mytaobao-active{
					.wight;
					.mytaobao-active{
						.wight;
						display: inline-block;
						z-index: 9999;
					}
				}
				.like{
					.like{
						width: 85px;
					}
				}
				.like-active{
					.wight;
					.like-active{
						display: inline-block;
						z-index: 9999;
					}
				}
				.seller{
					.seller{
						width: 85px;
					}
				}
				.seller-active{
					.wight;
					.seller-active{
						display: inline-block;
						z-index: 9999;
					}
				}
				.waiter{
					.waiter{
						width: 85px;
					}
				}
				.waiter-active{
					.wight;
					.waiter-active{
						display: inline-block;
						z-index: 9999;
					}
				}
				.navall{
					.navall{
						width: 1268px;
						height: 433px;
					}
				}
				.navall-active{
					.wight;
					.navall-active{
						display: block;
						z-index: 9999;
					}
				}
			}
			&::after{
				content: '';
				display: block;
				clear: both;
			}
		}
	}
	// ************顶部导航栏结束，搜索部分开始**********
	.search{
		height: 97px;
		padding-top: 24px;
		background-color: #fff;
		.search-wrap{
			width: 1190px;
			margin: 0 auto;
			position: relative;
			@media screen and (max-width: 1190px){
				width: 990px;
			}
			 
			.logo{
				display: inline-block;
				margin-top: 8px;
				float: left;
				&::after{
					content: '';
					display: block;
					clear: both;
				}
				a{
					display: inline-block;
					background-image: url('../img/logo.png');
					background-size: 100% 100%;
					width: 140px;
					height: 58px;
					margin: 0 20px;
				}
			}
			//******* logo结束，搜索框开始******
			.search-cont{
				width: 630px;
				height: 87px;
				margin: 0 auto;
				font-size: 0;
				.search-cont-wrap{
					width: 630px;
					height: 62px;
					font-size: 12px;
					overflow: hidden;
					.search-main{
						width: 560px;
						height: 40px;
						line-height: 26px;
						border: 2px solid #ff5000;
						border-top-left-radius: 20px;
						border-bottom-left-radius: 20px;
						margin-top: 22px;
						padding: 5px 10px;
						position: relative;
						box-sizing: border-box;
						.search-cont-top{
							position: absolute;
							left: 15px;
							bottom: 100%;
							&::after{
								content: '';
								display: block;
								clear: both;
							}
							li{
								width: 36px;
								height: 22px;
								line-height: 22px;
								text-align: center;
								float: left;
								margin-right: 4px;
								cursor: pointer;
								border-top-left-radius: 6px;
								border-top-right-radius: 6px;
								color: #f40;
								&:hover{
									background-color: #ffeee5;
									color: #ff5400;
								}
							}
							li.selected{
								color: #fff;
								background-image: linear-gradient(to right , #ff9000 0 , #ff5000 100%);
							}
						}
						.tips{
							position: absolute;
							z-index: 8888;
							.fdj{
								color: #666;
							}
							.tip{
								color: #9c9c9c;
								font-size: 12px;
							}
						}
						.untips{
							display: none;
						}
						.search-input-wrap{
							width: 472px;
							height: 100%;
							position: relative;
							.search-input{
								width: 100%;
								height: 100%;
								border: none;
								outline: none;
							}
							.search-pic{
								display: inline-block;
								width: 30px;
								position: absolute;
								left: 100%;
								top: 0;
								margin: 0 30px;
								font-size: 25px;
								color: #666;
								text-align: center;
								cursor: pointer;
								#search-pic{
									width: 0;
									&:focus{
										outline: none;
									}
								}
							}
							.search-btn{
								width: 74px;
								height: 40px;
								border-top-right-radius: 20px;
								border-bottom-right-radius: 20px;
								position: absolute;
								left: 100%;
								top: 50%;
								transform: translate(65px , -50%);
								color: #fff;
								font-size: 18px;
								font-weight: 700;
								cursor: pointer;
								border: 1px solid transparent;
								background-image: linear-gradient(to right , #ff9000 0 , #ff5000 100%);
							}
						}
					}
				}
				.foot-l{
					display: inline-block;
					padding: 10px 0;
					font-size: 12px;
					&:after{
						content: '';
						display: block;
						clear: both;
					}
					li{
						float: left;
						color: #666;
						padding: 0 3px;
					}
				}
				.foot-r{
					padding: 10px 0;
					float: right;
					color: #666;
					font-size: 12px;
				}
			}
			// ***********搜索框结束，手淘二维码开始************
			.mtao{
				width: 76px;
				height: 90px;
				float: right;
				border: 1px solid #eee;
				position: absolute;
				right: 110px;
				top: 0;
				@media screen and (max-width: 1190px){
					right: 0;
				}
				.mtao-title{
					text-align: center;
					color: #ff5000!important;
				}
				.mtao-code{
					width: 62px;
					height: 62px;
					background-image: url(../img/code.png);
					background-size: 100% 100%;
					margin: 0 auto;
				}
				.mtao-close{
					border: 1px solid #eee;
					position: absolute;
					right: 100%;
					top: 0;
				}
			}
			.mtao-closed{
				display: none;
			}
		}
	}
	.mid-nav{
		width: 100%;
		height: 30px;
		background-image: linear-gradient(to right , #ff9000 0 , #ff5000 100%);
		.mid-nav-wrap{
			height: 30px;
			width: 1190px;
			margin: 0 auto;
			@media screen and (max-width: 1190px) {
				width: 990px;
			}
			.title-market{
				width: 190px;
				height: 30px;
				line-height: 30px;
				background-color: #ff5000;
				color: #fff;
				text-align: center;
				font-size: 16px;
				float: left;
				display: inline-block;
			}
			.nav-wrap{
				display: inline-block;
				height: 30px;
				line-height: 30px;
				font-size: 16px;
				float: left;
				li{
					float: left;
					padding: 0 5px;
					margin: 0 3px;
					color: #fff;
				}
			}
			.nav-wrap1{
				@media screen and (max-width: 1190px) {
					display: none;
				}
			}
		}
	}
	.cont1{
		height: 632px;
		width: 1190px;
		font-size: 0;
		margin: 0 auto;
		@media screen and (max-width: 1190px) {
			width: 990px;
		}
		.cont1-l{
			height: 632px;
			width: 900px;
			display: inline-block;
			font-size: 12px;
			@media screen and (max-width: 1190px) {
				width: 700px;
			}
			.clear;
			.grade{
				width: 188px;
				height: 520px;
				border: 1px solid #ff5000;
				float: left;
				background-color: #fff;
				ul{
					width: 100%;
					height: 100%;
					display: flex;
					flex-direction: column;
					li{
						flex: 1;
						line-height: 32px;
					    height: 32px;
					    padding: 0 19px 0 25px;
					    position: relative;
					    font-size: 14px;
					    font-weight: 400;
					    width: 145px;
					    color: #666;
					    &:hover{
							background-color: #ffeee5;
							color: #ff5400;
							a{
								text-decoration: underline;
							}
						}
					    .ysj{
					    	position: absolute;
					    	right: 10px;
					    }
					}
				}
				
			}
			.turn{
				width: 520px;
				height: 512px;
				margin-left: 10px;
				margin-top: 10px;
				float: left;
				@media screen and (max-width: 1190px) {
					width: 492px;
				}
				.turn-wrap{
					overflow: hidden;
					position: relative;//*************************
					.turn-cont{
						height: 100%;
						position: absolute;
						left: 0%;
						.turn-item{
							height: 100%;
							float: left;
							a{
								display: block;
								width: 100%;
								height: 100%;
								background-size: 100% 100%;
							}
						}
					}
					.switching{
						transition: left .4s linear;
					}
					.arrow-wrap{
						width: 100%;
						height: 45px;
						position: absolute;
						left: 0;
						top: 50%;
						transform: translateY(-50%);
						.arrow{
							width: 45px;
							height: 45px;
							background-size: 100% 100%;
							background-color: #424242;
							opacity: .5;
						}
						.arrow-L{
							background-image: url(../img/arrow-L.png);
							float: left;
							border-top-right-radius: 23px;
							border-bottom-right-radius: 23px;
							
						}
						.arrow-R{
							background-image: url(../img/arrow-R.png);
							float: right;
							border-top-left-radius: 23px;
							border-bottom-left-radius: 23px;
						}
					}
					.contr{
						height: 13px;
						display: inline-block;
						position: absolute;
						left: 50%;
						top: 90%;
						transform: translateX(-50%);
						border-radius: 8px;
						background-color: rgba(160 , 160 , 160 , .5);
						li{
							width: 8px;
							height: 8px;
							margin: 2px;
							background-color: #fff;
							float: left;
							border-radius: 4px;
						}
						.active{
							background-color: #f40;
						}
					}
				}
				.turn1{
					width: 520px;
					height: 280px;
					@media screen and (max-width: 1190px) {
						width: 492px;
					}
					.turn-cont{
						width: 300%;
						// display: inline-block;
						// overflow: hidden;
						.turn-item{
							width: 520px;
							@media screen and (max-width: 1190px) {
								width: 492px;
							}
						}
					}
				}
				.turn2{
					width: 520px;
					height: 221px;
					margin-top: 10px;
					@media screen and (max-width: 1190px) {
						width: 492px;
					}
					.turn-cont{
						width: 300%;
						// display: inline-block;
						// overflow: hidden;
						.turn-item{
							width: 520px;
							@media screen and (max-width: 1190px) {
								width: 492px;
							}
						}
					}
				}
			}
			.ad{
				width: 160px;
				height: 512px;
				float: left;
				margin-left: 10px;
				margin-top: 10px;
				@media screen and (max-width: 1190px) {
					display: none;
				}
				.ad1{
					width: 160px;
					height: 280px;
					background-image: url(../img/ad1.png);
					background-size: 100% 100%;
				}
				.ad2{
					width: 160px;
					height: 222px;
					margin-top: 10px;
					background-image: url(../img/ad2.png);
					background-size: 100% 100%;
				}
			}
			.headline{
				width: 856px;
				height: 73px;
				padding: 14px 14px 12px 20px;
				margin-top: 10px;
				float: left;
				background-color: #fff;
				@media screen and (max-width: 1190px) {
					width: 656px;
				}
				.clear;
				.headline-hd{
					width: 180px;
					height: 73px;
					float: left;
					.hd-logo{
						width: 140px;
						height: 40px;
						background-image: url(../img/tbtt.png);
						background-size: 100% 100%;

					}
					p{
						width: 96px;
						height: 14px;
						color: #999;
						padding-left: 7px;
					}
				}
				.headline-cont{
					width: 676px;
					height: 73px;
					float: left;
					overflow: hidden;
					position: relative;
					@media screen and (max-width: 1190px) {
						width: 476px;
					}
					ul{
						width: 100%;
						height: 100%;
						position: absolute;
						top: 0;
						animation: turnUp 30s ease-in-out  infinite;
						
						li{
							width: 100%;
							height: 100%;
							a{
								display: block;
								width: 100%;
								height: 100%;
								img{
									width: 130px;
									height: 73px;
									float: left;
								}
								.cont{
									width: 532px;
									height: 73px;
									padding-left: 10px;
									float: left;
									@media screen and (max-width: 1190px) {
										width: 332px;
									}
									h4{
										font-size: 16px;
										color: #3c3c3c;
									}
									p{
										color: #999;
									}
								}
							}
						}
					}
					
				}
			}
		}
	}
	.cont-r{
		height: 632px;
		width: 290px;
		display: inline-block;
		font-size: 12px;
		float: right;
		margin-top: 10px;
		.login{
			width: 290px;
			height: 145px;
			.login-top{
				width: 290px;
				height: 132px;
				padding: 3px 0 10px;
				background-image: url("");
				background-size: 100% 100%;
				.home-wrap{
					width: 74px;
					height: 56px;
					margin: 0 auto;
					.home{
						display: block;
						width: 50px;
						height: 50px;
						margin: 0 auto;
						background-image: url(../img/tx.jpg);
						background-size: 100% 100%;
						border-radius: 50%;
					}
				}
				p{
					height: 17px;
					line-height: 17px;
					text-align: center;
				}
				.tjb{
					height: 17px;
					text-align: center;
					a{
						display: inline-block;
						height: 17px;
						line-height: 17px;
						padding: 0 10px;
						margin: 0 10px;
						border-radius: 10px;
						background-color: #ffe4dd;
						color: #ff5000;
					}
				}
				.btn{
					height: 40px;
					line-height: 40px;
					text-align: center;
					.btn-item{
						display: inline-block;
						width: 75px;
						height: 25px;
						margin: 0 3px;
						line-height: 25px;
						font-size: 14px;
						color: #fff;
						background-color: #ff5000;
						border-radius: 4px;
					}
				}
			}
			
		}
		.tip-off{
			height: 26px;
			line-height: 26px;
			background-color: #ffe4dd;
			color: #f40;
			text-align: center;
		}
		.nav{
			height: 98px;
			padding: 10px 0 0;
			background-color: #fff;
			.nav-wrap{
				height: 24px;
				margin: 4px;
				text-align: center;
				.nav-root{
					height: 20px;
					line-height: 20px;
					display: inline-block;
					margin: 0 11px;
					color: #3c3c3c;
					&:hover{
						color: #ff5000;
					}

				}
				.now{
					border-bottom: 2px solid #ff5000;
				}
			}
			.cont{
				display: none;
				width: 266px;
				height: 50px;
				margin: 0 auto;
				color: #3c3c3c;
				.clear;
				li{
					width: 130px;
					height: 25px;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
					line-height: 25px;
					float: left;
					&:hover{
						color: #f40;
					}
				}
			}
			.now{
				display: block;
			}
		}
		.btns{
			height: 232px;
			border-top: 1px solid #f4f4f4;
			background-color: #fff;
			// background-color: #00f;
			.btn-wrap{
				width: 294px;
				height: 100%;
				.btn{
					width: 71px;
					height: 76px;
					float: left;
					border-right: 1px solid #f4f4f4;
					border-bottom: 1px solid #f4f4f4;
					border-left: 1px solid transparent;
					border-top: 1px solid transparent;
					text-align: center;
					&:hover{
						color: #f40;
					}
					a{
						// width: 100%;
						// height: 100%;
						display: block;
						margin-top: 16px;
						i{
							font-size: 24px;
						}
						.icon-huafei{
							color: #66f;
						}
						.icon-feizhu{
							color: #fc6;
						}
						.icon-chexiandingdan{
							color: #6ff;
						}
						.icon-game{
							color: #6c0;
						}
						.icon-caipiao{
							color: #960;
						}
						.icon-dianying{
							color: #c09;
						}
						.icon-jiudian{
							color: #c93;
						}
						.icon-licai{
							color: #639;
						}
						.icon-msnui-service{
							color: #c39;
						}
						.icon-wudao2{
							color: #c03;
						}
						.icon-shuidianmei{
							color: #963;
						}
						.icon-huochepiao{
							color: #c6f;
						}
					}
					
				}
			}

		}
		.app{
			height: 110px;
			background-color: #fff;
			.app-title{
				width: 276px;
				height: 30px;
				padding-left: 14px;
				.clear;
				.title{
					float: left;
				}
				.more{
					float: right;
					&:hover{
						color: #f40;
					}
				}
			}
			.app-wrap{
				width: 267px;
				height: 84px;
				padding-left: 23px;
				.app-item{
					width: 32px;
					height: 32px;
					margin: 0 21px 8px 0;
					float: left;
					a{
						display: block;
						width: 100%;
						height: 100%;
						background-size: 100% 100%;
					}
					.tb{
						background-image: url(../img/smalllogo1.png);
					}
					.tm{
						background-image: url(../img/smalllogo2.png);
					}
					.jhs{
						background-image: url(../img/smalllogo3.png);
					}
					.zfb{
						background-image: url(../img/smalllogo4.png);
					}
					.ww{
						background-image: url(../img/smalllogo6.png);
					}
					.gddt{
						background-image: url(../img/smalllogo6.png);
					}
					.td{
						background-image: url(../img/smalllogo8.png);
					}
					.dd{
						background-image: url(../img/smalllogo7.png);
					}
					.yk{
						background-image: url(../img/smalllogo9.png);
					}
					.qd{
						background-image: url(../img/smalllogo10.png);
					}
				}
			}
		}
	}
}
 

